<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录页</title>
		<link rel="stylesheet" href="css/style01.css">
		<link rel="stylesheet" href="css/style02.css">
		<link rel="stylesheet" href="css/bootstrap.css">
		<style>
		#a2{
			font-size: 15px;
			color: #337AB7;
		}
		#a2:hover{
			color: #5BC0DE;
		}
		#a1{
			font-size:12px;
		}
	</style>
	</head>
	<script>
		function judge() {
			var name = document.getElementById("name").value;
			var passwd = document.getElementById("passwd").value;
			if (name == "") {
				alert("请输入用户名");
				return false;
			} else if (passwd == "") {
				alert("请输入密码");
				return false;
			} else if (name == "admin" && passwd == "12345") {
				alert("登录成功");
				window.location.href = "html/index.html";
				return true;
			} else {
				alert("用户名或密码错误");
				return false;
			}
		}
	</script>
	<body>
		<div style="background-color: #00a0d8;height: 200px;margin-bottom: 10px;">
			<img src="images/timg.jpg" height="200px" width="100%">
		</div>
		<div><h2><center>欢迎使用多源时空轨迹数据的传染病传播与防控系统</center></h2></div>
		<div class="title-line">
			<span class="tit">登录</span>
		</div>
		<div style="width: 980px;text-align: center; margin: 0 auto;">
			<ul>
			<li>
				<input class="input" id="name" type="text" value placeholder="请输入用户名" maxlength="100">
				<p style="margin-bottom: 25px;"></p>
			</li>
			<li>
				<input class="input" id="passwd" type="password" value placeholder="请输入密码" maxlength="100">
				<p style="margin-bottom: 25px;"></p>
			</li>
			<li><input value="登录" class="btn btn-primary" type="submit" onclick="judge()">
				<p style="margin-bottom: 25px;"></p>
			</li>
			</ul>
		</div>
		<div style="text-align: center;">
			<span>登录即代表你同意<a id="a2">用户协议</a>和<a id="a2">隐私政策</a></span>
			<p style="margin-bottom: 5px;"></p>
		</div>
		<div class="title-line">
			
		</div>
	</body>
</html>
